<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    style 必须放在head标签里面-->
    <link rel="import" href="top.html" id="topHtml">
    <link rel="import" href="foot.html" id="footHtml">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">

</head>

<body>
<script>
    document.write(topHtml.import.body.innerHTML);
    // localStorage.setItem("id",2);
    // localStorage.getItem("id");
</script>
<!--中间的内容为一-->
<div class="content-banner">
    <!--    居中 为二-->
    <div class="content">
        <div class="home-left floatLeft">
            <div class="home-title">教新动态</div>
            <div class="home-content">
                <div class="floatLeft"><img src="../img/m331.jpg" height="190" width="268"/></div>
                <div class="floatLeft home-news-content">
                    <div>
                        <h5 class="overFlow">日本较大抹茶餐饮七叶和茶登陆上海</h5>
                        <p class="overFlow">日本较大的抹茶餐饮连锁正式登陆上海，其中</p>
                    </div>
                    <div>
                        <h5 class="overFlow">日本较大抹茶餐饮七叶和茶登陆上海</h5>
                        <p class="overFlow">
                            日本较大的抹茶餐饮连锁正式登陆上海，其中日本较大的抹茶餐饮连锁正式登陆上海，其中日本较大的抹茶餐饮连锁正式登陆上海，其中日本较大的抹茶餐饮连锁正式登陆上海，其中日本较大的抹茶餐饮连锁正式登陆上海，其中日本较大的抹茶餐饮连锁正式登陆上海，其中</p>
                    </div>
                    <div>
                        <h5 class="overFlow">日本较大抹茶餐饮七叶和茶登陆上海</h5>
                        <p class="overFlow">日本较大的抹茶餐饮连锁正式登陆上海，其中</p>
                    </div>
                </div>

            </div>
        </div>
        <div class="home-right floatRight">
            <div class="home-title">产品展示</div>
            <div class="home-product">
                <div class="floatLeft">
                    <div><img src="../img/48_j53b.jpg" height="300" width="300"/></div>
                    <div>
                        <h5>蚂蚁上树</h5>
                        <p>粉丝200g，猪肉馅50g</p>
                    </div>
                </div>
                <div class="floatRight">
                    <div><img src="../img/48_j53b.jpg" height="300" width="300"/></div>
                    <div>
                        <h5>蚂蚁上树</h5>
                        <p>粉丝200g，猪肉馅50g</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    document.write(footHtml.import.body.innerHTML);
</script>
</body>
</html>